<template>
  <div class="border-button" @click="click">
    <slot> 按钮 </slot>
  </div>
</template>

<script setup>
const props = defineProps({});
const emits = defineEmits(["click"]);
const click = () => {
  emits("click");
};
</script>

<style lang="scss" scoped>
.border-button {
  background-image: url("../../../assets/images/buttonBorder.png");
  color: #ffffff;
  width: 128px;
  height: 36px;
  line-height: 36px;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-position: center center;
  font-size: 14px;
  font-family: cn;
  text-align: center;
  cursor: pointer;
}
</style>
